<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>专家队伍</title>
    <link rel="stylesheet" href="css/index.css"></link>
</head>
<body>
    <div id="wrap">
        <!-- pc 的nav -->
        <div class="nav_list_pc">
             <div class="pc_head_index">
                <div class="pc_logo">
                    <img src="img/lx_logo.png" width="130"/>
                 </div>
                 <div class="nav_index">
                    <div class="nav_index_box">
                        <a href="#">集团简介</a>
                        <div class="nav_box2_wrap">
                            <div class="nav_box2">
                              <div class="nav_box2_bg"></div>
                              <div class="nav_box2_con">
                                <a href="#" >公司简介</a>
                                <a href="#" >大事记</a>
                                <a href="#" >国内分公司</a>
                              </div>
                            </div>
                        </div>
                    </div>
                    <div class="nav_index_box">
                        <a href="#">新闻中心</a>
                        <div class="nav_box2_wrap">
                            <div class="nav_box2">
                              <div class="nav_box2_bg"></div>
                              <div class="nav_box2_con">
                                <a href="#" >公司简介</a>
                                <a href="#" >大事记</a>
                                <a href="#" >国内分公司</a>
                              </div>
                            </div>
                        </div>
                    </div>
                    <div class="nav_index_box">
                        <a href="#">产业模块</a>
                        <div class="nav_box2_wrap">
                            <div class="nav_box2">
                              <div class="nav_box2_bg"></div>
                              <div class="nav_box2_con">
                                <a href="#" >公司简介</a>
                                <a href="#" >大事记</a>
                                <a href="#" >国内分公司</a>
                              </div>
                            </div>
                        </div>
                    </div>
                    <div class="nav_index_box">
                        <a href="#">经典项目</a>
                        <div class="nav_box2_wrap">
                            <div class="nav_box2">
                              <div class="nav_box2_bg"></div>
                              <div class="nav_box2_con">
                                    <a href="#" >公司简介</a>
                                    <a href="#" >大事记</a>
                                    <a href="#" >国内分公司</a>
                              </div>
                            </div>
                        </div>
                    </div>
                    <div class="nav_index_box">
                        <a href="#">企业文化</a>
                        <div class="nav_box2_wrap">
                            <div class="nav_box2">
                              <div class="nav_box2_bg"></div>
                              <div class="nav_box2_con">
                                    <a href="#" >公司简介</a>
                                    <a href="#" >大事记</a>
                                    <a href="#" >国内分公司</a>
                               </div>
                            </div>
                        </div>
                    </div>
                    <div class="nav_index_box">
                        <a href="#">人才汇集</a>
                        <div class="nav_box2_wrap">
                            <div class="nav_box2">
                              <div class="nav_box2_bg"></div>
                              <a href="#" >公司简介</a>
                              <a href="#" >大事记</a>
                              <a href="#" >国内分公司</a>
                            </div>
                        </div>
                    </div>
                 </div>
             </div>
        </div>
        <!-- wap的nav -->
        <div class="nav_list_mobile">
            <div class="mobile_nav">
                <div class="m_nav_bg"></div>
                <div class="m_nav_con">
                    <div class="m_nav_box">
                       <p>集团简介</p>
                       <div class="m_nav_box2">
                          <a href="#">公司简介</a>
                          <a href="#">大事记</a>
                          <a href="#">国内分公司</a>
                          <a href="#">公司大事记</a>
                       </div>
                    </div>
                    <div class="m_nav_box">
                       <p>新闻中心</p>
                       <div class="m_nav_box2">
                          <a href="#">新闻中心</a>
                       </div>
                    </div>
                    <div class="m_nav_box on">
                       <p>产业模块</p>
                       <div class="m_nav_box2">
                          <a href="#">土地污染治理</a>
                          <a href="#">黑臭水体治理</a>
                          <a href="#">固废治理</a>
                          <a href="#">危废治理</a>
                       </div>
                    </div>
                </div>
                <div class="m_nav_close"></div>
            </div>
            <div class="pc_log">
                <img src="img/logo.png" width="56"/>
            </div>
            <div class="pc_nav_btn"></div>
        </div>
        <div class="list_banner">
             <img src="img/list_head.png" />
        </div>
    	<div class="list_content">
    		<div class="dsj_top">
    			<div class="dsj_title">
    				专家队伍
    			</div>
    			<div class="dsj_content">
					<div class="zj_list clear">
                        <div class="zj_block">
                            <img src="img/zj_1.png" class="zj_img"/>
                            <div class="zj_right">
                                <h3 class="zj_b_title">技术总监</h3>
                                <p>技术总监</p>
                                <div class="content">就职于<br/>新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据

                                </div>
                            </div>
                        </div>
                        <div class="zj_block">
                            <img src="img/zj_1.png" class="zj_img"/>
                            <div class="zj_right">
                                <h3 class="zj_b_title">技术总监</h3>
                                <p>技术总监</p>
                                <div class="content">就职于<br/>新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据

                                </div>
                            </div>
                        </div>
                        <div class="zj_block">
                            <img src="img/zj_1.png" class="zj_img"/>
                            <div class="zj_right">
                                <h3 class="zj_b_title">技术总监</h3>
                                <p>技术总监</p>
                                <div class="content">就职于<br/>新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据

                                </div>
                            </div>
                        </div>
                        <div class="zj_block">
                            <img src="img/zj_1.png" class="zj_img"/>
                            <div class="zj_right">
                                <h3 class="zj_b_title">技术总监</h3>
                                <p>技术总监</p>
                                <div class="content">就职于<br/>新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据
                                    新浪微博测试数据测试数据

                                </div>
                            </div>
                        </div>

					</div>
    			</div>
    		</div>

    	</div>
        <div class="list_footer">
              <div class="pc_footer_content list_f_c ">
                  <img src="img/lx_logo.png" />
                  <h1>联系我们</h1>
                  <p>010-6504 7200</p>
                  <p>地址：北京市朝阳区东四环中路41号嘉泰国际大厦18层</p>
                  <img src="img/wx.png" />
              </div>
        </div>

    </div>
     <script src="http://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
    <script src="js/util.js"></script>
    <script>
        $(function(){
        	
            $(".pc_nav_btn").on("click",function(){
                $(".mobile_nav").addClass("on");
            })
            $(".m_nav_box").on("click",function(){
                $(".m_nav_box").removeClass("on");
                $(this).addClass("on");
            })
            $(".m_nav_close").on("click",function(){
                $(".mobile_nav").removeClass("on");
            })

        })
        function init_all(){
             // 全屏滚动
            var runPage = new FullPage({
                id : 'pageContain',                            // id of contain
                slideTime : 800,                               // time of slide
                continuous : false,                            // create an infinite feel with no endpoints
                effect : {                                     // slide effect
                        transform : {
                            translate : 'Y',                   // 'X'|'Y'|'XY'|'none'
                            scale : [1, 1],                // [scalefrom, scaleto]
                            rotate : [0, 0]                    // [rotatefrom, rotateto]
                        },
                        opacity : [0, 1]                       // [opacityfrom, opacityto]
                    },                           
                mode : 'wheel,touch',               // mode of fullpage
                easing : 'ease'                                // easing('ease','ease-in','ease-in-out' or use cubic-bezier like [.33, 1.81, 1, 1];
                //  ,onSwipeStart : function(index, thisPage) {   // callback before pageChange
                //    return 'stop';
                //  }
                //  ,beforeChange : function(index, thisPage) {   // callback before pageChange
                //    return 'stop';
                //  }
                //  ,callback : function(index, thisPage) {       // callback when pageChange
                //    alert(index);
                //  };
            });

            // 事件绑定
            // 滚屏绑定
            $(".down_btn").on("click",function(){
                runPage.next();
            })
            var nav = $(".pc_nav");
            $(".pc_nav_btn").on("click",function(){
                if($(this).hasClass("pc_nav_btn_show")){
                    $(this).removeClass("pc_nav_btn_show");
                    nav.removeClass("pc_nav_show");
                }else{
                    $(this).addClass("pc_nav_btn_show");
                    nav.addClass("pc_nav_show");
                }
            })
            // 其他单独绑定
             if(all_data.is_mobile){
                init_wap();
             }else{
                init_pc();
             }
        }
        function init_pc(){
        }
        function init_wap(){
            console.log(1233121);
        }
    </script>
</body>
</html>
